import React from "react";
import { Form, Input, Table, Button, Card } from "antd";
import "./index.less";

const Pg4: React.FC = () => {
  const columns = [
    { title: "所属团队", dataIndex: "team", key: "team" },
    { title: "重要业务系统", dataIndex: "system", key: "system" },
    {
      title: "本期是否申报投产规划",
      dataIndex: "isReported",
      key: "isReported",
    },
    { title: "投产联系人", dataIndex: "contact", key: "contact" },
    { title: "填报负责人", dataIndex: "responsible", key: "responsible" },
    { title: "状态", dataIndex: "status", key: "status" },
    {
      title: "操作",
      key: "action",
      render: () => (
        <>
          <a href="/reject" style={{ marginRight: 8 }} data-oid="2n200ih">
            驳回
          </a>
          <a href="/detail" data-oid="hc.l.gd">
            查看
          </a>
        </>
      ),
    },
  ];

  const data = [
    {
      key: "1",
      team: "核心应用开发团队",
      system: "LI07 对公户口系统",
      isReported: "申报投产规划",
      contact: "武博/00010946",
      responsible: "武博/00010946",
      status: "草稿",
    },
  ];

  return (
    <div className="pg4-container" data-oid="z5l9812">
      <Card className="pg4-card" data-oid="bdwhfqq">
        <h2 data-oid="x1oi_a.">重要业务系统投产规划信息汇总</h2>

        <Form layout="vertical" data-oid="xf818:n">
          <div className="pg4-form-grid" data-oid="knlzcng">
            <Form.Item label="投产规划名称" data-oid="j398r7j">
              <Input
                defaultValue="2025年基础设施研发中心投产规划(2025-05-01~2025-06-30)"
                data-oid="d_go7d8"
              />
            </Form.Item>
            <Form.Item label="投产规划编号" data-oid="403mx4n">
              <Input defaultValue="GH-JC-2025030101" data-oid="8-52ujl" />
            </Form.Item>
            <Form.Item label="申报中心" data-oid="4cv348x">
              <Input defaultValue="基础设施研发中心" data-oid="dwlqwqw" />
            </Form.Item>
            <Form.Item label="投产计划实施时间" data-oid="nny:d1x">
              <Input defaultValue="2025.05.01至2025.06.30" data-oid="xt_hgty" />
            </Form.Item>
            <Form.Item
              label="投产规划摘要"
              className="pg4-form-full"
              data-oid="7z5yzo8"
            >
              <Input.TextArea rows={4} data-oid="yw61dj." />
            </Form.Item>
          </div>

          <div className="pg4-table-section" data-oid="bc48w6p">
            <h3 data-oid="93gmrw7">投产规划内容（以下展示最新投产规划内容）</h3>
            <Table
              columns={columns}
              dataSource={data}
              pagination={false}
              data-oid="n-1xnjd"
            />
          </div>

          <div className="pg4-actions" data-oid="l_lm-4e">
            <Button data-oid="fpne2wq">关闭</Button>
            <Button data-oid="of_mpka">保存</Button>
            <Button type="primary" data-oid="mbwqkhb">
              送审
            </Button>
          </div>
        </Form>
      </Card>
    </div>
  );
};

export default Pg4;
